<template>
	<view class="page-order-det" :style="$theme.pageStyle">
		<view class="top"> </view>
		<view class="body">
			<view class="body_box">

				<view class="body_box_title">提交成功</view>

				<view class="body_box_image">
					<image src="https://jiangxinsaas.oss-cn-beijing.aliyuncs.com/tuchuang/471710969107Ohddxw.png"
						mode=""></image>
				</view>
				
				<view class="body_box_tips">
					请等待律师跟您联系！
				</view>
				
				<view class="body_box_btn" @click="ToIndex()">
					返回首页
				</view>
				
				<view class="body_box_text" @click="Tocontracts()">
					查看我提交的委托
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	import $H from '@/common/js/request.js';

	export default {
		data() {
			return {
				id: '',
			};
		},
		onLoad() {
			
		},
		methods: {
			Tocontracts(){
				uni.navigateTo({
					url: '/service/entrust/list'
				})
			},
			ToIndex(){
				uni.reLaunch({
					url: '/pages/index/index'
				})
			}
		},
	};
</script>

<style lang="scss" scoped>
	page {
		background-color: #f7f7f7;
	}

	.page-order-det {
		position: relative;

		.top {
			width: 100%;
			height: 548rpx;
			margin-top: -44px;
			background: linear-gradient(180deg, #e9e7ef 80%, #f0f0f4 100%);
		}

		.body {
			position: absolute;
			top: 100rpx;
			width: 100%;
			padding-bottom: 140rpx;

			.body_box {
				margin: 15px;
				background: #fff;
				border-radius: 15px;
				padding: 10px;
				.body_box_title {
					margin-top: 50px;
					font-size: 26px;
					text-align: center;
					font-weight: bold;
					color: #19be6b;
				}

				.body_box_image {
					display: flex;
					justify-content: center;
					align-items: center;
					height: 150px;
				}

				.body_box_image image {
					width: 80px;
					height: 80px;
				}
				
				.body_box_tips{
					font-size: 14px;
					text-align: center;
					color: #666;
				}
				
				.body_box_btn{
					margin-top: 20px;
					width: 100%;
					height: 50px;
					border-radius: 25px;
					background: #19be6b;
					color: #fff;
					line-height: 50px;
					text-align: center;
					font-size: 16px;
					font-weight: bold;
					margin-bottom: 20px;
				}
				
				.body_box_text{
					text-align: center;
					color: var(--color-primary);
					margin-bottom: 20px;
					margin-top: 10px;
				}
				
			}


		}
	}
</style>